<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../jquery/jquery-1.8.3.js"></script>
	</head>
		<style type="text/css">
			.main{
				width: 600px;
				height: 500px;
			}
			.left{
				width: 30%;
				height: 100%;
				float: left;
			}
			.right{
				width: 70%;
				height: 100%;
				float: right;
			}
			b{
				color: blue;
			}
		</style>
	<body>
		<div class='main'>
			<div class='left'>
				<img src="images/pic.gif" />
				<br/><br/><br/><br/>
				<img src="images/col.gif" alt="收藏本片" />
			</div>
			<div class='right'>
				<dl>
					<dt><b>非缘勿扰</b></dt>
					<dd>
						<p>
							<strong>主演：</strong><span>苏有朋/秦岚/傅艺伟等</span>
						</p>
						<p>
							<strong class='dy'>导演：</strong><span>赖水清</span>
						</p>
						<p>
							<strong id='bq'>标签：</strong><span><a>苏有朋</a> <a> 国产电视剧</a>  <a>2013</a> <a>连续剧</a></span>
						</p>
						<p>
							<strong>剧情：</strong><span>当代都市，大年女刘林、杨阳都在寻找自己的如意郎君，刘林偶遇陆氏房地产总裁路西诺，两人成了欢喜冤家，遭到暗恋西诺的丁娟的嫉恨。。。<a href="#">点击了解更多 </a></span>
						</p>
					</dd>
				</dl>
				<img src="images/btn.gif" />
			</div>
		</div>
		<script>
			$("b").click(function(){
				$("strong").css("color","deeppink");
				
				$("strong[class='dy']").click(function(){
					$(this).next().css("font-weight","bold");
				});
				
				$("strong[id='bq']").click(function(){
					$("strong[id='bq']+span>a:even").css({"background-color":"greenyellow","color":"green"});
				})
			})
			
			$("img[alt='收藏本片']").click(function(){
				alert("您已收藏成功!!!");
			})
			
			
		</script>
	</body>
</html>